<template>
  <table class="chart-table" border v-if="tableShow">
    <tr v-for="(item,index) in dataList">
      <td v-for="(term,idx) in item">{{term.data}}</td>
    </tr>
  </table>
</template>


<script>
  export default {
    data(){
      return {
        tableShow: false,
        dataList: []
      }
    },
    methods:{
      init(data){
        this.tableOption = data
        this.dataList = data.data
        this.tableShow = true
      }
    }
  }
</script>

<style lang="scss" scoped>
  .chart-table tr td {
    text-align: center;
    padding: 2px 5px;
  }
</style>
